<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>金莱蒂</title>
    <link rel="shortcut icon" href=" bitbug_favicon.ico" />
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
</head>
<body>
 <header  class="app">
   <ul>
     <li><img src="./icons/m-01.png" alt=""></li>
     <li><img src="./icons/124.png" alt=""></li>
     <li>KING LE TTI</li>
     <li></li>
   </ul>
 </header>
<div class="search-warp">
 <div class="search">
   <div class="jl-icon"><img src="./icons/mh-01.png" alt=""></div>
   <div class="sou"><img src="./icons/mh-02.jpg" alt=""></div>
   <a href="http://kinglaidizb.com/"> <p>幸福一生，快乐一世</p></a>
   </div>
   <div class="search-login">登陆
   </div>
</div>
<!--主体部分-->
<div class="tou"><img src="./images/hl-01.jpg" alt=""></div>
<section class="warp">
  <div class="con-hd">
    <h4>
     <span class="icon"> <img src="./icons/mh-01.png" alt=""></span>
      钻戒展区</h4>
    <a href="http://kinglaidizb.com/" class="more">更多>></a>
</div>
<div class="container">
  <div class="box">
      <div class="img"><img src="./icons/gr-01.png" alt=""></div>
      <p>love</p>
  </div>
  <div class="box">
    <div class="img"><img src="./icons/gr-02.png" alt=""></div>
    <p>love</p>
</div>
<div class="box">
    <div class="img"><img src="./icons/gr-03.png" alt=""></div>
    <p>love</p>
</div>
<div class="box">
    <div class="img"><img src="./icons/gr-04.png" alt=""></div>
    <p>love</p>
</div>
<div class="box">
    <div class="img"><img src="./icons/gr-05.png" alt=""></div>
    <p>love</p>
</div>
<div class="box">
    <div class="img"><img src="./icons/gr-06.png" alt=""></div>
    <p>love</p>
</div>
<div class="box">
  <div class="img"><img src="./icons/gr-07.png" alt=""></div>
  <p>love</p>
</div>
<div class="box">
  <div class="img"><img src="./icons/gr-08.png" alt=""></div>
  <p>love</p>
</div>
</div>  
  </section>
  <!--shouhuanzhanqu-->
  <section class="warp">
    <div class="con-hd">
      <h4>
       <span class="icon"> <img src="./icons/mh-01.png" alt=""></span>
        手环展区</h4>
      <a href="http://kinglaidizb.com/" class="more">更多>></a>
  </div>
   <div class="get_job_focus">
      <!-- Swiper -->
  <div class="swiper-container get_job_fo">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <a href="#"><img src="./images/m-01.jpg" alt=""></a>
        <p>圈住爱</p>
      </div>
      <div class="swiper-slide"> <a href="#"><img src="./images/m-02.jpg" alt=""></a>
        <p>圈住爱</p></div>
      <div class="swiper-slide"> <a href="#"><img src="./images/m-03.jpg" alt=""></a>
        <p>圈住爱</p></div>
      <div class="swiper-slide"> <a href="#"><img src="./images/m-04.jpg" alt=""></a>
        <p>圈住爱</p></div>
      <div class="swiper-slide"> <a href="#"><img src="./images/m-05.jpg" alt=""></a>
        <p>圈住爱</p></div>
      </div>
   </div>
   <!-- Add Arrows zuoyoujiantou -->
   <div class="swiper-button-next"></div>
   <div class="swiper-button-prev"></div>
   </div>
    </section>
    <section class="warp">
      <div class="con-hd">
        <h4>
         <span class="icon"> <img src="./icons/mh-01.png" alt=""></span>
          视频展区</h4>
        <a href="http://kinglaidizb.com/" class="more">更多>></a>
    </div>
     <!--视频-->
     <div class="mv">
      <a href="https://v.youku.com/v_show/id_XNDk4NTIyMzI5Mg"><img src="./images/m-06.png" alt="m-06" 
        title="点击图片可跳转观看视频"></a>
 <p>风雨倾城，护你一生</p>
 <p>点击图片可跳转观看视频</p>
       </div>
      </section>
    <section class="warp study_con">
      <div class="con-hd">
        <h4>
         <span class="icon"> <img src="./icons/mh-01.png" alt=""></span>
          手镯展区</h4>
        <a href="http://kinglaidizb.com/" class="more">更多>></a>
    </div>
      <!--滑动图-->
      <!--xuangzhuangmuma1-->
      <div class="study">
        <!-- Swiper -->
        <div class="swiper-container study_fo">
          <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./images/tb-01.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./images/tb-02.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./images/tb-03.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./images/tb-04.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./images/tb-05.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./images/tb-06.jpg" alt=""></div>
            </div>
          <!-- Add Pagination -->
          <div class="swiper-pagination"></div>
          </div>
          <h5 class="wz">
            <p>详细资料，请进店咨询,图片视频仅供参考，</p>
            <p>最终解释权归本店所有。</p>
            <a  class="xl" href="#">返回顶部</a>
         </h5>
      </div>
    </section>
    <footer class="footer">
      <a href="http://kinglaidizb.com/" class="item">
        <img src="./icons/f-01.jpg" alt="">
<p>首页</p>
      </a>
      <a href="#" class="item">
        <img src="./icons/r-1.png" alt="">
<p>预约</p>
      </a>
      <a href="#" class="item">
        <img src="./icons/f-03.jpg" alt="">
<p>购物车</p>
      </a>
      <a href="#" class="item">
        <img src="./icons/f-04.jpg" alt="">
<p>我的</p>
      </a>
    </footer>
    <script src="./js/flexible.js"></script>
    <script src="./js/swiper-bundle.min.js"></script>
    <script>
     ; (function (){
        var swiper = new Swiper('.swiper-container ', {
        slidesPerView: 2,
        spaceBetween: 30,
      centeredSlides: true,
      loop: true,
      //tianjiajiantou
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      });
      })();
    //diergelunbotu
   ; (function(){
    var swiper = new Swiper('.swiper-container study_fo ', {
      spaceBetween:30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
     });
    })();
    </script>
   </script>
</body>
</html>